<!--
 * @Descripttion: 
 * @Author: jhw
 * @Date: 2023-06-27 16:30:58
 * @LastEditors: jhw
 * @LastEditTime: 2023-06-28 11:03:21
-->
<template>
  <div class="checkerboard">
    <template v-for="item in checkerboardInfo">
      <CheckerboardItem v-for="(item2, i) in item" :key="i + 'aaa'" :checkerboard-item-info="item2" />
    </template>
  </div>
</template>

<script setup>
import { onMounted } from 'vue';
import CheckerboardItem from './CheckerboardItem.vue';
const props = defineProps({
  checkerboardInfo: {
    type: Array,
    default: () => [],
  },
});

onMounted(() => {
  // console.log(props.checkerboardInfo);
});
</script>

<style lang="scss" scoped>
.checkerboard {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 240px;
}
</style>
